﻿<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="author" content="刘艳超">
	<title>jQ数字闹钟</title>


	
	<link href="assets/css/style.css" rel="stylesheet" />
</head>

<body>

	<div id="clock" class="light">
		<div class="display">
			<div class="weekdays"></div>
			<div class="ampm"></div>
			<div class="alarm"></div>
			<div class="digits"></div>
		</div>
	</div>

	<div class="button-holder">
		<a id="switch-theme" class="button">时间</a>
		<a class="alarm-button"></a>
	</div>

	<!-- The dialog is hidden with css -->
	<div class="overlay">

		<div id="alarm-dialog">

			<h2>和恒
				
			</h2>

			<label class="hours">
					Hours
					<input type="number" value="0" min="0" />
				</label>

			<label class="minutes">
					Minutes
					<input type="number" value="0" min="0" />
				</label>

			<label class="seconds">
					Seconds
					<input type="number" value="0" min="0" />
				</label>

			<div class="button-holder">
				<a id="alarm-set" class="button blue">Set</a>
				<a id="alarm-clear" class="button red">Clear</a>
			</div>

			<a class="close"></a>

		</div>

	</div>

	<div class="overlay">

		<div id="time-is-up">

			<h2>Time&#39;s up!</h2>

			<div class="button-holder">
				<a class="button blue">Close</a>
			</div>

		</div>

	</div>

	<audio id="alarm-ring" preload>
		<source src="assets/audio/ticktac.mp3" type="audio/mpeg" />
		<source src="assets/audio/ticktac.ogg" type="audio/ogg" />
	</audio>


	<!-- JavaScript Includes -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/moment.min.js"></script>
	<script src="assets/js/script.js"></script>
	<div style="text-align:center;clear:both">
		<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
		<script src="/follow.js" type="text/javascript"></script>
	</div>
</body>

</html>